/* Font Display Optimization for Better Performance */

/* Font Awesome font-display optimization */
/* This ensures Font Awesome icons load with fallback text visible */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff") format("woff");
}

/* Ensure all custom fonts use font-display: swap */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Override any external font loading without font-display */
* {
  font-display: swap !important;
}

/* Preload critical fonts for better performance */
.font-preload-hints {
  /* This class can be used to add preload hints in HTML */
  display: none;
}

/* Fallback font stack for icon fonts */
.fa, .fas, .far, .fab, .fal, .fad, .fat {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands", monospace;
  font-display: swap;
}

/* Ensure swiper icons also use font-display: swap */
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: "swiper-icons";
  font-display: swap;
}